/*--公共的css--标题-----------*/
.title {
    color: rgb(230, 145, 55);
    font-size: 30px;
    padding: 10px;
}

/*-----------下面div应该有共同的css样式--------*/

.border-top {
    border-top: 1px solid gray;
    padding: 10px;
}

.font-title {
    font-family: "微软雅黑 Light";
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.font-content {
    font-family: Arial;
    font-size: 15px;
    color: gray;
}

/*单行溢出*/
.single-over {
    /*超过隐藏*/
    overflow: hidden;
    /*不换行*/
    white-space: nowrap;
    /*超过用...表示*/
    text-overflow: ellipsis;
}

/*多行溢出*/
.many-over-two {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.many-over-five {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

/*--------------end--------------*/
.middle {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.middle > div {
    width: 900px;
}